<template>
  <div>
    <h1>count:{{ count }} --- age：{{ age.value }} --- double: {{ double }}</h1>
    <h1>{{ msg }}</h1>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, computed } from "vue";
defineProps({
  msg: String,
});
const count = ref(1);
const age = reactive({
  value: 18,
});
const double = computed(() => count.value * 2);
</script>

<style>
</style>
